<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="auto" content='spider'>
	<meta charset="UTF-8">
	<title>蜘蛛旅行社</title>
	<link rel="stylesheet" type="text/css" href="css/base.css">
	<link rel="stylesheet" type="text/css" href="css/buy.css">
</head>
<body>
	<header id='header'>
		<div class='center'>
			<h1 class="logo">蜘蛛旅行社</h1>
			<nav style='overflow:hidden;'>
				<!--为了大纲清晰，所以要加个标题-->
				<h2 class="none">网站导航</h2>
			<ul class="link">
					<li ><a href="index.html">首页</a></li>
					<li><a href="#">旅游咨询</a></li>
					<li><a href="buy.html">机票订购</a></li>
					<li><a href="scenery.html">风景欣赏</a></li>
					<li  class="active"><a href="about.html">公司简介</a></li>
				</ul>
			</nav>
		</div>
	</header>
	<div id="headline">
		<div class="center">
			<hgroup>				
				<h2>旅游咨询</h2>
				<h3>介绍各种旅游信息、资讯要闻、景点攻略等</h3>
			</hgroup>
		</div>
	</div>
	<div id="containter">
		<aside class='sidebar'>
			<div class="sidebox recommend">
				<h2>景点推荐</h2>
				<div class="tag">
					<ul>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
						<li><a href="#">漓江(16)</a></li>
					</ul>
				</div>
			</div>
			<div class="sidebox hot">
				<h2>热卖旅游</h2>
				<div>
					<figure>
						<img src="image/sidebar1.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar2.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar3.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar4.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar5.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar6.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar7.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar8.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar9.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
					<figure>
						<img src="image/sidebar10.jpg" />
						<figcaption>巴厘岛1日游</figcaption>
					</figure>
				</div>
			</div>
			<div class="sidebox tourBox">
				<h2>旅游百宝箱</h2>
				<div>
					<a href="#" class="sky1">火车票查询</a>
					<a href="#"  class="sky2">机票查询</a>
					<a href="#"  class="sky3">动车查询</a>
					<a href="#"  class="sky4">客车查询</a>
				</div>
			</div>
		</aside>
		<div class="list  about">
			<section>
				<h2>关于我们</h2>
				<hr>
				<p>蜘蛛旅游网创立于2006年10月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等180个城市出发的旅游产品预订服务，产品全面，价格透明，全年365天24小时400电话预订，并提供丰富的后续服务和保障。/<p>
				<p>目前，蜘蛛旅游网提供100万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过1500万人次出游。</p>
				<p>同时基于途牛旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。</p>
			</section>
			<p>&nbsp;</p>
			<section>
				<h2>联系方式</h2>
				<hr>
				<ul>
					<li>24小时全国服务热线：40-3333</li>
					<li>客户服务邮箱： M665@111.com</li>
					<li>市场推广及品牌合作业务咨询：mz-marketing@meizu.com</li>
					<li>经销商服务咨询：business@meizu.com</li>
				</ul>
			</section>
		</div>
	</div>
			<footer id='foot'>
			<div class="top">
				<div class="block left ">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>途牛旅游网</li>
						<li>驴妈妈旅游网</li>
						<li>携程旅游</li>
						<li>中国青年旅行社</li>
					</ul>
				</div>
				<div class="block center ">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>途牛旅游网</li>
						<li>驴妈妈旅游网</li>
						<li>携程旅游</li>
						<li>中国青年旅行社</li>
					</ul>
				</div>
				<div class="block right ">
					<h2>合作伙伴</h2>
					<hr>
					<ul>
						<li>途牛旅游网</li>
						<li>驴妈妈旅游网</li>
						<li>携程旅游</li>
						<li>中国青年旅行社</li>
					</ul>
				</div>
			</div>
			<div class="bottom">
				蜘蛛旅行社 | www.zz.com | 旅行经营许可证
			</div>
		</footer>
</body>
</html>